<!--  -->
<template>
  <div class="goods" >
      <goodsitem v-for="item in goods" :goodsitem="item" class="goods_item"></goodsitem>
  </div>
</template>

<script>
import goodsitem from './goodsItem.vue'
export default {
  data () {
    return {
    }
  },
  components:{
      goodsitem
  },
  props:{
      goods:{
          type:Array,
          default() {
              return []
          }
      }
  }
}
</script>

<style  scoped>
  .goods{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  
</style>
